@charset "utf-8";

/* CSS Document */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, table, th, td, blockquote, fieldset, div, strong, label, em {
    margin: 0;
    padding: 0;
    border: 0;
}

ul, ol, li {
    list-style: none;
}

input, button {
    margin: 0;
    font-size: 12px;
    vertical-align: middle;
}

body {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 0 auto;
}

a {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #ef9b11;
    text-decoration: underline;
}

BODY {
    BACKGROUND: url(../images/mbg.png) no-repeat
}

BODY {
    BACKGROUND-POSITION: 0px -44px;
    BACKGROUND-REPEAT: repeat-x
}

#site-nav .quick-menu LI {
    BACKGROUND: url(../images/mbg.png) no-repeat
}

#header {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}

#page {
    MARGIN-LEFT: auto;
    WIDTH: 950px;
    MARGIN-RIGHT: auto
}

#site-nav {
    Z-INDEX: 10000;
    MARGIN: 2px auto;
    COLOR: #000;
    LINE-HEIGHT: 19px;
    POSITION: relative;
    HEIGHT: 22px
}

#site-nav A {
    COLOR: #666
}

#site-nav A:hover {
    COLOR: #f50
}

#site-nav .quick-menu {
    RIGHT: 0px;
    POSITION: absolute;
    TOP: 0px
}

#site-nav .quick-menu LI {
    PADDING-RIGHT: 10px;
    BACKGROUND-POSITION: right 6px;
    PADDING-LEFT: 10px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    MARGIN-LEFT: -1px;
    PADDING-TOP: 2px
}

#site-nav .quick-menu LI.last {
    BACKGROUND: none transparent scroll repeat 0% 0%
}

#site-nav .quick-menu LI.menu-item {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    POSITION: relative
}

#site-nav .menu-hd {
    PADDING-RIGHT: 22px;
    DISPLAY: block;
    PADDING-LEFT: 10px;
    Z-INDEX: 10002;
    PADDING-BOTTOM: 0px;
    MARGIN: 1px 1px 0px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    POSITION: relative;
    HEIGHT: 20px
}

#site-nav .mytaobao .menu-hd {
    WIDTH: 48px;
    PADDING-TOP: 1px;
    _padding-top: 1px
}

#site-nav .menu-hd B {
    BORDER-RIGHT: #eee 4px solid;
    BORDER-TOP: #666 4px solid;
    FONT-SIZE: 0px;
    RIGHT: 10px;
    BORDER-LEFT: #eee 4px solid;
    WIDTH: 0px;
    LINE-HEIGHT: 0;
    BORDER-BOTTOM: #eee 4px solid;
    POSITION: absolute;
    TOP: 7px;
    HEIGHT: 0px;
    -webkit-transition: -webkit-transform .2s ease-in;
    -moz-transition: -webkit-transform .2s ease-in;
    -o-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in
}

#site-nav .menu-bd {
    BORDER-RIGHT: #bfbfbf 1px solid;
    BORDER-TOP: #bfbfbf 1px solid;
    DISPLAY: none;
    Z-INDEX: 10001;
    RIGHT: 0px;
    BACKGROUND: #fff;
    BORDER-LEFT: #bfbfbf 1px solid;
    BORDER-BOTTOM: #bfbfbf 1px solid;
    POSITION: absolute;
    TOP: 21px
}

#site-nav IFRAME.menu-bd {
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    Z-INDEX: -1;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    FILTER: alpha(opacity=0);
    FLOAT: left;
    BORDER-BOTTOM-WIDTH: 0px;
    BORDER-RIGHT-WIDTH: 0px
}

#site-nav .menu-bd-panel {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 6px;
    PADDING-TOP: 10px
}

#site-nav .menu {
    POSITION: relative
}

#site-nav .menu:hover .menu-hd {
    BORDER-RIGHT: #bfbfbf 1px solid;
    BORDER-TOP: #bfbfbf 1px solid;
    BACKGROUND: white;
    MARGIN: 0px;
    BORDER-LEFT: #bfbfbf 1px solid;
    BORDER-BOTTOM: #bfbfbf 1px
}

#site-nav .hover .menu-hd {
    BORDER-RIGHT: #bfbfbf 1px solid;
    BORDER-TOP: #bfbfbf 1px solid;
    BACKGROUND: white;
    MARGIN: 0px;
    BORDER-LEFT: #bfbfbf 1px solid;
    BORDER-BOTTOM: #bfbfbf 1px
}

#site-nav .menu:hover .menu-bd {
    DISPLAY: block
}

#site-nav .hover .menu-bd {
    DISPLAY: block
}

#site-nav .menu:hover .menu-hd B {
    BORDER-LEFT-COLOR: #fff;
    FILTER: progid: DXImageTransform . Microsoft . BasicImage(rotation = 2);
    BORDER-BOTTOM-COLOR: #fff;
    BORDER-TOP-COLOR: #666;
    TOP: 5px;
    BORDER-RIGHT-COLOR: #fff;
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 50% 30%;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 50% 30%;
    -o-transform: rotate(180deg);
    -o-transform-origin: 50% 30%;
    transform: rotate(180deg);
    transform-origin: 50% 30%
}

#site-nav .hover .menu-hd B {
    BORDER-LEFT-COLOR: #fff;
    FILTER: progid: DXImageTransform . Microsoft . BasicImage(rotation = 2);
    BORDER-BOTTOM-COLOR: #fff;
    BORDER-TOP-COLOR: #666;
    TOP: 5px;
    BORDER-RIGHT-COLOR: #fff;
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 50% 30%;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 50% 30%;
    -o-transform: rotate(180deg);
    -o-transform-origin: 50% 30%;
    transform: rotate(180deg);
    transform-origin: 50% 30%
}

#site-nav .mytaobao .menu-bd/*宽度*/  {
    WIDTH: 80px;
    LINE-HEIGHT: 1.7;
    TOP: 21px;
    HEIGHT: 95px
}

#site-nav .mytaobao .menu-bd-panel {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 8px;
    PADDING-TOP: 8px
}


